<ion-modal-view id="settings-fee" class="settings" ng-controller="preferencesFeeController" >
  <ion-header-bar align-title="center" class="bar-royal">
    <div class="title">
      {{'Mobicoin Network Fee Policy'|translate}}
    </div>
    <button class="button button-clear" ng-click="chooseNewFee()">
      OK 
    </button>
  </ion-header-bar>
  <ion-content ng-init="init(network)">
    <div class="settings-explanation">
      <div class="estimates">
        <div>
          <span translate>Average confirmation time</span>:
          <span class="fee-minutes" ng-if="avgConfirmationTime">{{avgConfirmationTime | amDurationFormat: 'minute'}}</span>
          <span ng-if="loadingFee">...</span>
        </div>
        <div>
          <span translate>Current fee rate for this policy</span>:
          <span class="fee-rate" ng-if="feePerSatByte">{{feePerSatByte}} satoshis/byte</span>
          <span ng-if="loadingFee">...</span>
        </div>
        <div ng-if="network!='livenet'">[{{network}}]</span>
      </div>
    </div>
    <div class="fee-policies">
      <ion-radio ng-repeat="(fee, level) in feeOpts" ng-value="fee" ng-model="currentFeeLevel" ng-click="save(fee)">
        {{level|translate}}
      </ion-radio>
    </div>
  </ion-content>
</ion-modal-view>
